<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
	<head>
		<meta charset="en"/>
		<title>Rumcajsz in Raholec...</title>
		<script type="text/javascript" src="resources/require.js"></script>
		<script type="text/javascript">
			// <!--
			require(['bootstrap', 'jquery','less','raholec']);
			// -->
		</script>
		<link rel="stylesheet" type="text/css" href="resources/style.css"/>
	</head>
	<body>
		<a href="#openUp" role="button" class="btn btn-primary" data-toggle="modal">New Node</a>
		<div id="openUp" class="modal hide fade" role="dialog">
			<div class="modal-header"><button class="close" data-dismiss="modal">&times;</button><h1>New Node</h1></div>
			<div class="modal-body">
				<form id="newNodeForm" action="" method="post" class="form-horizontal">
					<legend>New node form</legend>
					<div class="control-group">
						<label for="node" class="control-label">Name: </label>
						<div class="controls">
							<input type="text" name="name" placeholder="Name..."/>
						</div>
					</div>
					<div class="control-group">
						<div class="controls">
							<input type="submit" class="btn btn-primary" name="formSubmit" value="Submit"/>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer"><button class="btn btn-primary" data-dismiss="modal">Close</button></div>
		</div>
	
		<div id="breadcrumb">
			<span th:each="bc: ${breadcrumb}"> / <a th:href="'?path='+${bc.path}" th:text="${bc.name}">Root</a></span>
		</div>
		<div id="nodeNames">
			<h3>Nodes:</h3>
			<ul>
				<li th:each="node: ${nodes}"><a href="#" th:href="'?path='+${rootName}+'/'+${node}" th:text="${node}">nodeName</a></li>
			</ul>
		</div>
		<div id="properties">
			<h3>Properties:</h3>
			<ul th:each="property: ${properties}">
				<li th:text="${property}">property</li>
			</ul>
		</div>
	</body>
</html>
